<%--
  Created by IntelliJ IDEA.
  User: zhebinwang
  Date: 2017/9/28
  Time: 10:15
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<page:page>
    <style>
        .news_tab {
            width: 320px;
            height: 20px;
            list-style:none; /* 去掉ul前面的符号 */
        }

        ul.news_tab li {
            float:left;
            width:40px;
            list-style:none; /* 去掉ul前面的符号 */
        }
        .touTiao {
            width: 315px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            margin: 5px 0;
            font-size: 18px;
            overflow: hidden;
        }
        .more {
            position: absolute;
            top: 22px;
            right: 60px;
            color: #FFFFFF;
        }
    </style>

    <!-- jQuery -->
    <script src="${pageContext.request.contextPath}/js/jquery/1.11.3/jquery.min.js"></script>
    <!-- Bootstrap Core JavaScript -->
    <script src="${pageContext.request.contextPath}/js/bootstrap/3.3.6/bootstrap.min.js"></script>
    <!-- Bootstrap Core CSS -->
    <link href="${pageContext.request.contextPath}/js/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">

    <div id="page-wrapper">
        <!--左侧标签-->
        <div class="col-lg-3 col-md-3 col-sm-3" id="op">
            <!--top占位-->
            <div class="col-lg-12" style="height:24px;">
            </div>
            <!--左占位-->
            <div class="col-lg-2" >
            </div>

            <div class="col-lg-8" >
                <!--登陆块-->
                <div class="col-lg-12">
                    <span >登录   :  <input type ="text" id="username" style="width: 90px;" value=""></span>
                </div>
                <div class="col-lg-12" style="min-height:6px"></div>
                <div class="col-lg-12">
                    <span >密码   :  <input type ="text" id="password" style="width: 90px;" value=""></span>
                </div>
                <div class="col-lg-12" style="min-height:18px"></div>
                <div class="col-lg-6">
                    <span ><input type ="button" id="ok" style="width: 60px;" value="ok"></span>
                </div>
                <div class="col-lg-6">
                    <span ><input type ="button" id="cancle" style="width: 60px;" value="cancle"></span>
                </div>
            </div>
            <!--右占位位-->
            <div class="col-lg-2" >
            </div>

        </div>
        <!--左侧标签结束-->
        <!--右侧标签-->
        <div class="col-lg-9">

            <!--活动公告-->
            <div class="col-lg-6" style="padding-top:60px">
                <div class="news fr yellowDark"><a href="./list/zx.html" class="more">&gt;&gt;更多</a>
                    <ul id="news_tab" class="news_tab">
                        <li id="news1" class="news1"><a class="current">最新</a></li>
                        <li id="news2" class="news2"><a>新闻</a></li>
                        <li id="news3" class="news3"><a>公告</a></li>
                        <li id="news4" class="news4"><a>活动</a></li>
                    </ul>
                    <div id="news_con" class="news_con">
                        <div class="touTiao"><!--RepeaterTT--><a target="_blank"
                                                                 style="cursor: pointer;font-weight: bold;color: #C00000;font-size:17px"
                                                                 onclick="window.open((&quot;&quot;) ? (&quot;&quot;) : &quot;news/7356.html&quot;)">
                            迎国庆普天同庆 UR黑胡子登场</a><!--RepeaterTTEnd--></div>
                        <div class="newsH" id="news11">
                            <ul><!--RepeaterZX-->
                                <li><a target="_blank" style="cursor: pointer"
                                       onclick="window.open((&quot;&quot;) ? (&quot;&quot;) : &quot;news/7077.html&quot;)">
                                    【公告】9月28日临时维护公告</a><span class="list-time"> 09-28</span></li><!--RepeaterZXEnd--><!--RepeaterZX-->
                                <li><a target="_blank" style="cursor: pointer"
                                       onclick="window.open((&quot;&quot;) ? (&quot;&quot;) : &quot;news/7359.html&quot;)">
                                    【公告】9月28日游戏更新公告（已完毕）</a><span class="list-time"> 09-27</span></li><!--RepeaterZXEnd-->
                                <!--RepeaterZX-->
                                <li><a target="_blank" style="cursor: pointer"
                                       onclick="window.open((&quot;&quot;) ? (&quot;&quot;) : &quot;news/7358.html&quot;)">
                                    【新闻】9月28日新版《安纳托利亚女王》开启</a><span class="list-time"> 09-27</span></li><!--RepeaterZXEnd-->
                                <!--RepeaterZX-->
                                <li><a target="_blank" style="cursor: pointer"
                                       onclick="window.open((&quot;&quot;) ? (&quot;&quot;) : &quot;news/7357.html&quot;)"> 【活动】10月连环送活动
                                    精英券白金免费拿</a><span class="list-time"> 09-27</span></li><!--RepeaterZXEnd--><!--RepeaterZX-->
                                <li><a target="_blank" style="cursor: pointer"
                                       onclick="window.open((&quot;&quot;) ? (&quot;&quot;) : &quot;news/7322.html&quot;)">
                                    【活动】9月连环送活动奖品发放公告</a><span class="list-time"> 09-26</span></li><!--RepeaterZXEnd-->
                                <!--<li><a class="name" href="#" title="公告1">《大航海时代5》内测正式开启</a><span class="date">04-01</span></li><li><a class="name" href="#" title="活动1">《大航海时代5》内测正式开启</a><span class="date">04-01</span></li><li><a class="name" href="#" title="新闻1">《大航海时代5》内测正式开启</a><span class="date">04-01</span></li><li><a class="name" href="#" title="新闻1">《大航海时代5》内测正式开启</a><span class="date">04-01</span></li><li><a class="name" href="#" title="新闻1">《大航海时代5》内测正式开启</a><span class="date">01-13</span></li><li><a class="name" href="#" title="新闻1">《大航海时代5》内测正式开启</a><span class="date">01-13</span></li>-->
                            </ul>
                        </div>
                        <div class="newsH" id="news21" style="display: none">
                            <ul><!--RepeaterXW-->
                                <li><a target="_blank" style="cursor: pointer"
                                       onclick="window.open((&quot;&quot;) ? (&quot;&quot;) : &quot;news/7358.html&quot;)">
                                    【新闻】9月28日新版《安纳托利亚女王》开启</a><span class="list-time"> 09-27</span></li><!--RepeaterXWEnd-->
                                <!--RepeaterXW-->
                                <li><a target="_blank" style="cursor: pointer"
                                       onclick="window.open((&quot;&quot;) ? (&quot;&quot;) : &quot;news/7254.html&quot;)">
                                    【新闻】8月17日新版《北海探险行》开启</a><span class="list-time"> 08-15</span></li><!--RepeaterXWEnd-->
                                <!--RepeaterXW-->
                                <li><a target="_blank" style="cursor: pointer"
                                       onclick="window.open((&quot;&quot;) ? (&quot;&quot;) : &quot;news/7144.html&quot;)">
                                    【新闻】7月6日新版《追击不列颠岛海贼》开启 </a><span class="list-time"> 07-05</span></li><!--RepeaterXWEnd-->
                                <!--RepeaterXW-->
                                <li><a target="_blank" style="cursor: pointer"
                                       onclick="window.open((&quot;&quot;) ? (&quot;&quot;) : &quot;news/7024.html&quot;)">
                                    【新闻】6月8日新版《尤比特与尤比特》开启</a><span class="list-time"> 06-06</span></li><!--RepeaterXWEnd-->
                                <!--RepeaterXW-->
                                <li><a target="_blank" style="cursor: pointer"
                                       onclick="window.open((&quot;&quot;) ? (&quot;&quot;) : &quot;news/6947.html&quot;)">
                                    【新闻】5月11日新版《英法海峡一触即发》</a><span class="list-time"> 05-10</span></li><!--RepeaterXWEnd-->
                                <!--<li><a class="name" href="#" title="公告1">《大航海时代5》内测正式开启</a><span class="date">04-01</span></li><li><a class="name" href="#" title="活动1">《大航海时代5》内测正式开启</a><span class="date">04-01</span></li> -->
                            </ul>
                        </div><!--    <div class="touTiao"><!--RepeaterTopGG-->
                        <!--  <a target="_blank" style="cursor:pointer" onclick='window.open(("{nOuterLink}") ? ("{nOuterLink}") : "news/{nID}.html")'>                                        {nTitle}</a>-->
                        <!--RepeaterTopGGEnd--><!--</div>-->
                        <div class="newsH" id="news31" style="display: none">
                            <ul><!--RepeaterGL-->
                                <li><a target="_blank" style="cursor: pointer"
                                       onclick="window.open((&quot;&quot;) ? (&quot;&quot;) : &quot;news/7077.html&quot;)">
                                    【公告】9月28日临时维护公告</a><span class="list-time"> 09-28</span></li><!--RepeaterGLEnd--><!--RepeaterGL-->
                                <li><a target="_blank" style="cursor: pointer"
                                       onclick="window.open((&quot;&quot;) ? (&quot;&quot;) : &quot;news/7359.html&quot;)">
                                    【公告】9月28日游戏更新公告（已完毕）</a><span class="list-time"> 09-27</span></li><!--RepeaterGLEnd-->
                                <!--RepeaterGL-->
                                <li><a target="_blank" style="cursor: pointer"
                                       onclick="window.open((&quot;&quot;) ? (&quot;&quot;) : &quot;news/6817.html&quot;)">
                                    【公告】8月28日机房网络波动公告</a><span class="list-time"> 08-28</span></li><!--RepeaterGLEnd--><!--RepeaterGL-->
                                <li><a target="_blank" style="cursor: pointer"
                                       onclick="window.open((&quot;&quot;) ? (&quot;&quot;) : &quot;news/7260.html&quot;)">
                                    【公告】8月17日游戏更新公告（已完毕）</a><span class="list-time"> 08-16</span></li><!--RepeaterGLEnd-->
                                <!--RepeaterGL-->
                                <li><a target="_blank" style="cursor: pointer"
                                       onclick="window.open((&quot;&quot;) ? (&quot;&quot;) : &quot;news/7163.html&quot;)">
                                    【公告】7月9日布鲁潘达客服系统升级维护公告</a><span class="list-time"> 07-07</span></li><!--RepeaterGLEnd-->
                                <!-- <li><a class="name" href="#" title="公告1">《大航海时代5》内测正式开启</a><span class="date">04-01</span></li>-->
                            </ul>
                        </div>
                        <div class="newsH" id="news41" style="display: none">
                            <ul><!--RepeaterHD-->
                                <li><a target="_blank" style="cursor: pointer"
                                       onclick="window.open((&quot;&quot;) ? (&quot;&quot;) : &quot;news/7357.html&quot;)"> 【活动】10月连环送活动
                                    精英券白金免费拿</a><span class="list-time"> 09-27</span></li><!--RepeaterHDEnd--><!--RepeaterHD-->
                                <li><a target="_blank" style="cursor: pointer"
                                       onclick="window.open((&quot;&quot;) ? (&quot;&quot;) : &quot;news/7322.html&quot;)">
                                    【活动】9月连环送活动奖品发放公告</a><span class="list-time"> 09-26</span></li><!--RepeaterHDEnd--><!--RepeaterHD-->
                                <li><a target="_blank" style="cursor: pointer"
                                       onclick="window.open((&quot;&quot;) ? (&quot;&quot;) : &quot;news/7325.html&quot;)"> 【活动】消费红钻送好礼
                                    2015泳装再登场</a><span class="list-time"> 09-13</span></li><!--RepeaterHDEnd--><!--RepeaterHD-->
                                <li><a target="_blank" style="cursor: pointer"
                                       onclick="window.open((&quot;&quot;) ? (&quot;&quot;) : &quot;news/7314.html&quot;)"> 【活动】精英特惠送好礼
                                    吧女好感上升再开</a><span class="list-time"> 09-06</span></li><!--RepeaterHDEnd--><!--RepeaterHD-->
                                <li><a target="_blank" style="cursor: pointer"
                                       onclick="window.open((&quot;&quot;) ? (&quot;&quot;) : &quot;news/7245.html&quot;)">
                                    【活动】8月连环送活动奖品发放公告</a><span class="list-time"> 09-04</span></li><!--RepeaterHDEnd-->
                                <!--<li><a class="name" href="#" title="公告1">《大航海时代5》内测正式开启</a><span class="date">04-01</span></li><li><a class="name" href="#" title="活动1">《大航海时代5》内测正式开启</a><span class="date">04-01</span></li><li><a class="name" href="#" title="新闻1">《大航海时代5》内测正式开启</a><span class="date">01-13</span></li>-->
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <!--右侧标签结束-->
    </div>
</page:page>